<template>
    <vol-box
        :title="title"
        v-model="dialogVisible"
        :width="500"
        :draggable="true"
        :on-model-close="closeDialog"
    >
        <template #content>
            <div>
                <div class="vertical-center" style="margin-top: 16px;">
                    <span class="title">审批：</span>
                    <el-radio-group v-model="approvalStatus">
                        <el-radio value="通过">通过</el-radio>
                        <el-radio value="拒绝">拒绝</el-radio>
                    </el-radio-group>
                </div>
                <div class="vertical-center" style="margin-top: 16px;">
                    <span class="title">备注：</span>
                    <el-input
                        :rows="4"
                        type="textarea"
                        placeholder="请输入备注"
                        v-model="remarks"
                        style="width: 80%;"
                    />
                </div>
            </div>
        </template>
        <template #footer>
            <div>
                <el-button
                    @click="closeDialog"
                >
                    关闭
                </el-button>
                <el-button
                    type="primary"
                    @click="doBtn"
                >
                    确定
                </el-button>
            </div>
        </template>
    </vol-box>
</template>
  
<script setup>
import { ref } from 'vue'
import VolBox from '@/components/basic/VolBox.vue'
import http from '@/api/http'

// 变量
const tag = ref(null)
const title = ref('')
const dialogVisible = ref(false)
const approvalStatus = ref('')
const remarks = ref('')

// 函数
const emits = defineEmits(['success'])
defineExpose(
    {
        open
    }
)

function open(parameter) {
    title.value = parameter.title
    dialogVisible.value = true
}

function closeDialog() {
    // emits('success')
    dialogVisible.value = false
}

function doBtn() {}
</script>
  
<style lang="less" scoped>
.title {
    color: black;
    margin-right: 16px;
}

.vertical-center {
    display: flex;
    align-items: center;
}
</style>
